@font-face {
  font-family: 'PuHuiTi';
  src: url('./fonts/Alibaba-PuHuiTi-Regular') format('opentype');
}




.ds {
  font-family: "PuHuiTi";
  line-height: 1;

  div {
    box-sizing: content-box;
  }

  min-height: 100%;

  .cfs-171717 {
    color: #171717;
  }

  .cfs-171717-60 {
    color: rgba(23, 23, 23, 0.6);
  }

  .cfs-3561fd {
    color: #3561FD;
  }
  .cfs-2d3752{
    color:#2D3752;
  }

  .cbg-3561fd {
    background-color: #3561FD;
  }

  .cbg-fff {
    background-color: #fff;
  }

  .fs-14 {
    font-size: 14px;
  }

  .fs-16 {
    font-size: 16px;
  }

  .fs-18 {
    font-size: 18px;
  }

  .fs-20 {
    font-size: 20px;
  }

  .fs-22 {
    font-size: 22px;

  }

  .fs-24 {
    font-size: 24px;
  }
  .fs-26{
    font-size: 26px;
  }

  .fs-28{
    font-size: 28px;
  }
  .fs-30{
    font-size: 30px;
  }
  .fs-32{
    font-size: 32px;
  }
  .fs-34{
    font-size: 34px;
  }
  .fw-400 {
    font-weight: 400;
  }

  .fw-600 {
    font-weight: 600;
  }

  .mt-24 {
    margin-top: 24px;

  }

  .mb-24 {
    margin-bottom: 24px;
  }

  .ml-24 {
    margin-left: 24px;
  }

  .mr-24 {
    margin-right: 24px;
  }

  .radius-4 {
    border-radius: 4px;

  }

  .radius-8 {
    border-radius: 4px;
  }

  .top {
    margin-top: 32px;
    .img1-box,
    .img2-box {
      background: linear-gradient(93deg, #EEF8FF, rgba(242, 254, 254, 0.00));
    }

  }

  .blur {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0.36) 100%);
    backdrop-filter: blur(10px);
  }
  /*Chrome、Safari */
  .hidden-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent; 
  }
  .hidden-scrollbar {
    scrollbar-width: none; /* FireFox 浏览器 */
  }
  .hidden-scrollbar {
    -ms-overflow-style: none; /* IE 10+ */
  }

}